@charset "utf-8";
@import "common/reset";
@function p($px) {
    @return $px/2*1px;
}

.indexM {
    width: 100%; 
    // 身体
    section {
        position: absolute;
        top: 0;
        bottom: 0;
        overflow-y: auto;
        width: 100%; // 模板标题
        background: url(../img/helpReviewers/底纹.png);
        .mubanBox {
            width: 100%;
            height: p(72);
            display: flex;
            justify-content: space-around;
            align-items: center;
           
            .mubanTitle {
                width: 96.71%;
                height: p(52);
                border: 1px solid #cdccd0;
                border-radius: p(4);
                text-align: center;
                background: #fff;
                h3 {
                    font-size: p(24);
                    color: #5c5c5c;
                    line-height: p(20);
                    margin: p(13) 0 p(18);
                }
            }
        } //    模板
        .templateList {
            width: 100%;
            background: #fff;
            .template {
                width: 100%;
                height: p(182);
                border-bottom: 1px solid #c5c5c5;
                border-top: 1px solid #c5c5c5;
                display: flex;
                align-items: center;
                justify-content: flex;
                .templateImg {
                    width: 27.81%;
                    overflow: hidden;
                    display: flex;
                    justify-content: space-around;
                    align-items: center;
                    a {
                        width: p(119);
                        height: p(123);
                        overflow: hidden;
                        img {
                            width: 100%;
                        }
                    }
                }
                .templateText {
                    width: 71.4%;
                    height: p(162);
                    h3 {
                        font-size: p(24);
                        color: #5c5c5c;
                        line-height: p(24);
                        margin-bottom: p(8);
                    }
                    p {
                        width: 93.07%;
                        min-width: p(430);
                        
                        font-size: p(18);
                        color: #5c5c5c;
                        line-height: p(25);
                    }
                    .price {
                        font-size: p(24);
                        color: #eb7575;
                        line-height: p(36);
                    }
                    a {
                        display: block;
                        width: p(150);
                        line-height: p(43);
                        font-size: p(19);
                        background: #1c7bb2;
                        border-radius: p(4);
                        border: none;
                        color: #fff;
                        text-align: center;
                        float: right;
                        i {
                            font-size: p(24);
                            margin-right: p(12);
                        }
                    }
                }
            }
            .template:nth-child(2) {
                >div:nth-child(2) {
                    a {
                        background: #fff;
                        border: 1px solid#1074ae;
                        color: #5c5c5c;
                        i {
                            color: #950000;
                        }
                    }
                }
            }
            .template:nth-child(3) {
                >div:nth-child(2) {
                    a {
                        background: #fff;
                        border: 1px solid#1074ae;
                        color: #5c5c5c;
                        i {
                            color: #950000;
                        }
                    }
                }
            }
        } // 评论发表
        .comments {
            width: 100%;
            height: p(300);
            margin-top: p(90);
            background: #e7e7e7;
            border-top: 1px solid #cdccd0;
            display: flex;
            justify-content: flex;
            .xiaoming {
                width: 16.4%;
                height: p(300);
                display: flex;
                flex-direction: column;
                align-items: center;
                .xiaomingImg {
                    width: p(61);
                    height: p(61);
                    overflow: hidden;
                    margin: p(11) 0 p(9);
                    img {
                        width: 100%;
                    }
                }
                p{
                    font-size: p(24);
                    color: #808080;
                }
            }
            .text {
                width: 81.87%;
                height: p(290);
                overflow: hidden;
                margin-top: p(10);
                display: flex;
                flex-direction: column;
                align-items: flex-end;
                textarea {
                    width: 96%;
                    height: p(205);
                    border: 1px solid #cdccd0;
                    border-radius: p(10);
                    padding: p(11);
                }
                a{
                    width: p(114);
                    line-height: p(43);
                    height: p(43);
                    background: #171b38;
                    font-size: p(26);
                    letter-spacing: p(14);
                    color: #fff;
                    text-align: center;
                    margin-top: p(8);
                }
            }
            
        }
    }
}